<template>
  <div id="app">
    
    <herdertop></herdertop>
    <router-view></router-view> 
    <webbase></webbase>


  
  </div>
</template>

<script>
import Webbase from './components/webbase.vue'
// import middle from './components/middle.vue'
import herdertop from './components/herdertop.vue'

export default {
  name: 'App',
  components: {
    herdertop,Webbase,
  },
  data(){
    return{
      
    }
  },
  methods: {
    
  }
 
}
</script>

<style>
  body{
    /* cursor: url(x1.cur), auto; */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Lato, Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    /* font-family: "PingFang SC", 微软雅黑, "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif; */
    margin: 0;
    font-size: 14px;
    color: #6c767d;
    
    background-color: #ebf1f5;
    height: 100vh;
    min-height: 800px;
    background-position: center;
    line-height: 2;
  }
  *::-webkit-scrollbar {
    width: 1px;
    height: 8px;
    
}
 *::-webkit-scrollbar:hover {
   width: 5px;
    
}
*::-webkit-scrollbar-thumb {
  background: #3877a3;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
*::selection {
    background: #00c4b6;
    color: #f7f7f7;
    
}
a{
  color: #858585;;
  text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
</style>
